<!DOCTYPE html>
<html>
    <head>
        <title>Miru</title>
        <script src="../lib/js/jquery-2.1.0.min.js"></script>
        <script src="../lib/flot/jquery.flot.min.js"></script>
        <script src="../lib/flot/jquery.flot.time.min.js"></script>
        <script src="../lib/bootstrap-3.1.1/js/bootstrap.min.js"></script>
        <script src="../js/miruCharts.js"></script>
        <script src="../js/getProjectStats.js"></script>

        <link href="../lib/bootstrap-3.1.1/css/bootstrap.min.css" rel="stylesheet">
        <link href="../css/miru.css" rel="stylesheet">

        <link href="../images/miru.ico" rel="shortcut icon"/>
    </head>
    <body>
        <div class="miru-header">
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div style="width: 150px; margin: 0 auto">
                        <img class="miru-header-content miru-header-img" src="../images/miru.ico" height="30" width="30" style="float:left">
                        <img class="miru-header-content miru-header-img" src="../images/miru_title.png">
                    </div>
                </div>
                <div class="col-md-4">
                    <button class="btn btn-md btn-default row-right-border miru-header-content" style="float:right">
                        <span class="dataCell projectName"></span>
                    </button>
                </div>
            </div>
        </div>
        <br/>
        <div class="row row-left-border">

            <div class="col-sm-3">
                <div class="panel panel-default min-height">
                    <div class="panel-heading">
                        <h2 class="no-top-margin">Project Status</h2>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-8"><h4>Sources Compile</h4></div>
                            <div class="col-md-4"><h4 class="dataCell sourceCompile"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Tests Compile</h4></div>
                            <div class="col-md-4"><h4 class="dataCell testCompile"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Committable?</h4></div>
                            <div class="col-md-4"><h4 class="dataCell canCommit"></h4></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="panel panel-default min-height">
                    <div class="panel-heading">
                        <h2 class="no-top-margin">Test Breakdown</h2>
                    </div>
                    <div class="panel-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-success testPassProgress"></div>
                            <div class="progress-bar progress-bar-danger testFailProgress"></div>
                        </div>

                        <div class="row">
                            <div class="col-md-8"><h4>Total</h4></div>
                            <div class="col-md-4"><h4 class="dataCell testTotal"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Passed</h4></div>
                            <div class="col-md-4"><h4 class="dataCell testPassed"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Failed</h4></div>
                            <div class="col-md-4"><h4 class="dataCell testFailed"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Ignored</h4></div>
                            <div class="col-md-4"><h4 class="dataCell testIgnored"></h4></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="panel panel-default min-height">
                    <div class="panel-heading">
                        <h2 class="no-top-margin">VCS Breakdown</h2>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-8"><h4>Modified Files</h4></div>
                            <div class="col-md-4"><h4 class="dataCell modifiedFiles"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Added Files</h4></div>
                            <div class="col-md-4"><h4 class="dataCell addedFiles"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Deleted Files</h4></div>
                            <div class="col-md-4"><h4 class="dataCell deletedFiles"></h4></div>
                        </div>
                        <div class="row">
                            <div class="col-md-8"><h4>Unversioned Files</h4></div>
                            <div class="col-md-4"><h4 class="dataCell unversionedFiles"></h4></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="row row-left-border">
            <div class="col-sm-9">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h2 class="no-top-margin">Line Counts</h2>
                    </div>
                    <div class="panel-body">
                        <div id="lineCountChart" style="width:100%; height:300px;"></div>
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>
